<template>
	<view class="container">
		<view style="margin: 30rpx;display: flex;justify-content: center;color: rgba(0,0,0,0.60);">
			<text style="text-align: center;">{{info}}</text>
		</view>
		<view style="display: flex;justify-content: center;">
			<y-button  @click="clickButton" :content="text" styleValue="width: 377rpx;font-size:28rpx;background: radial-gradient(168.4% 168.4% at 50% 50%, #6D39E9 0%, #DACAFC 100%); "></y-button>
		</view>
	</view>
</template>

<script>
	export default {
		name:"empty-card-btn",
		data() {
			return {
				
			};
		},
		props:['info','text'],
		methods:{
			clickButton(){
				this.$emit('click',true)
			}
		}
	}
</script>

<style lang="scss">
	.container{
		width: 100%;
		margin: 0 auto;
	}
</style>
